html, body {
	margin : 0;
	padding : 0;
	background-image : url(../images/back-website.gif);
	background-repeat : repeat;
	height : 100%;
	font-family: Arial;
    font-size: 12px;
}

img {border : 0;}

.wrapper {
	background-image : url(../images/back-gradient.gif);
	background-repeat : repeat-x;
	width : 100%;
	min-height : 400px;
}

.container {
	position : relative;
	margin : 0 auto;
	width : 982px;
}

/*顶部*/
.top {
	float : left;
	padding : 0 1px;
	width : 980px;
	height : 48px;
}

.top .split{
	float : left;
	position : relative;
	font-size : 11px;
	font-weight : bold;
	text-align : right;
	line-height : normal;
	width : 490px;
	height : 48px;
}

.top .split h1{
	float : left;
	/*background-image : url(../images/logo.png);*/
	background-repeat : no-repeat;
	margin : 18px 0 0;
	padding : 0;
	font-size : 22px;
	/*line-height : 0;*/
	text-align :  left;
	color : #1c1c1c;
	width : 150px;
	height : 14px;
}

.top .split div{
	float : right;
	border-right : 1px solid #656565;
	margin : 18px 0 0 0;
	padding : 0 10px 0 0;
	line-height : 20px;
}

a { text-decoration:none;color: #656565;}
a:hover {color:#1C1C1C;}


.top .split div img{
	margin : 0 6px 0 0;
}

.top .split div.logout{
	border-right : none;
	margin : 18px 0 0 10px;
	padding : 0;
	line-height : 20px;
}

.top .split div.logout img{
	margin : 0 6px 0 0;
}

/*菜单*/
.menu {
	float : left;
	position : relative;
	z-index : 1500;
	background-image : url(../images/menu-back.gif);
	background-repeat : repeat-x;
	border : 1px solid #d3d3d3;
	border-bottom : none;
	-webkit-border-radius : 4px 4px 0 0;
	-moz-border-radius : 4px 4px 0 0;
	border-radius : 4px 4px 0 0;
	width : 980px;
	height : 32px;
}

.menu ul,.menu ul * {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
.menu ul {
	line-height : 1.0;
}

.menu ul li:hover {
	visibility : inherit;
}
.menu ul li {
	float : left;
	position : relative;
}
.menu ul a {
	display : block;
	position : relative;
}


.holder {
	float : left;
	background-color : #FFFFFF;
	border-left : 1px solid #d3d3d3;
	border-right : 1px solid #d3d3d3;
	border-bottom : 1px solid #d3d3d3;
	margin : -1px 0 0;
	padding : 0 0 20px 0;
	width : 980px;
}

.box {
	float : left;
	display : inline;
	background-image : url(../images/title.gif);
	background-position : left 1px;
	background-repeat : repeat-x;
	margin : 20px 0 0 20px;
	width : 940px;
}

.box .title {
	position : relative;
	background-image : url(../images/title-arrow.gif);
	background-position : left top;
	background-repeat : no-repeat;
	border : 1px solid #d3d3d3;
	-webkit-border-radius : 4px 4px 0 0;
	-moz-border-radius : 4px 4px 0 0;
	border-radius : 4px 4px 0 0;
	padding : 0 0 0 43px;
	height : 29px;
}

.box .title h2 {
	margin : 0;
	padding : 0;
	font-family: Arial;
	font-weight : bold;
	line-height : 29px;
	font-size : 12px;
}

.box .title img {
	position : absolute;
	cursor : pointer;
	top : 8px;
	right : 8px;
}

.box .content {
	background-image : url(../images/content-shadow.gif);
	background-position : left top;
	background-repeat : repeat-x;
	background-color : #fdfdfd;
	border-left : 1px solid #d3d3d3;
	border-right : 1px solid #d3d3d3;
	border-bottom : 1px solid #d3d3d3;
	padding : 20px 20px 20px;
}

/*表格*/
.box .pages, .box .pages table{
	*zoom : 1;
}

.box .pages table {
	border-top : 1px solid #dbdbdb;
	margin : 0;
	padding : 0;
	border-collapse: collapse;
	line-height : normal;
	width : 100%;
}

.box .pages table thead{
	font-weight : bold;
	color : #1c1c1c
}

.box .pages td {
	border-bottom : 1px solid #dbdbdb;
	border-right : 1px solid #dbdbdb;
	padding : 8px 20px;
}

.box .pages td img {
	margin : 0 0 0 5px;
}

/*按钮*/
.button-small{
	float : left;
	background-repeat : repeat-x;
	background-color : transparent;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	border : none;
	outline : none;
	padding : 0;
	margin : 0 0 0 4px;
	*margin :  -1px 0 0 4px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color : #FFFFFF;
	text-transform: uppercase;
	cursor : pointer;
    overflow: visible;
	width : auto;
}

.button-small {margin: 0 0 0 4px;}
@-moz-document url-prefix() { .button-small span{ margin :  -1px 0 0 0; } }

.button-small span{
	background-image : url(../images/grey/btn-small.gif);
	border : 1px solid #566f29;
	float : left;
	background-repeat : repeat-x;
	background-color : transparent;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	padding : 0 7px;
	line-height : 1.64em;
}

.button-small:hover span {
	background-position : left bottom;
	border : 1px solid #2b2b2b;
}

.row .button-normal {
	float : left;
	background-repeat : repeat-x;
	background-color : transparent;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	border : none;
	outline: none;
	padding : 0;
	margin : 0 4px 0 0;
	cursor : pointer;
	text-transform : uppercase;
    overflow: visible;
	width : auto;
	display:block;
}

.row .button-normal span{
	background-image : url(../images/grey/btn.gif);
	border : 1px solid #566f29;
	float : left;
	background-repeat : repeat-x;
	background-color : transparent;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	padding : 0 15px;
	margin : 0;
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	line-height : 1.87em;
	color : #FFFFFF;
	white-space : nowrap;
}

.row .button-normal:hover span {
	background-position : left bottom;
	border : 1px solid #2b2b2b;
}

/*表格底部选择区*/
.pages-bottom {
	display : inline-block;
	padding : 5px 0 0;
	width : 100%;
}
.actionbox {
	float : left;
	margin : 0 !important;
	margin : -1px 0 0;
}

.actionbox .sb-custom {
	float : left;
	position : relative;
	z-index : 1000;
}

.actionbox select {
	display : none;
}

.actionbox select .no-js{
	display : none;
}

.actionbox input.sb-select {
	position: relative;
	background-image : url(../images/select-actions.gif);
	background-position : right top;
	background-repeat : no-repeat;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	top : 0;
	left : 0;
	z-index : 1;
	padding : 3px 17px 3px 5px;
	line-height : 12px;
	cursor : pointer;
	color : #656565;
	font-weight : bold;
	font-size : 11px;
	text-decoration : none;
	width : 62px;
	height : 12px;
}

.actionbox .sb-dropdown {
	position : absolute;
	display : none;
	background-color : #FFFFFF;
	border : 1px solid #cdcdcd;
	top : 19px;
	left : 5px;
	list-style-type : none;
	overflow : hidden;
	z-index : 2000;
	margin : 0;
	padding : 0;
	width : 74px;
}

.actionbox .sb-dropdown li {
	position : relative;
	z-index : 999;
	background : none;
	padding : 0;
	margin : 0;
}

.actionbox .sb-dropdown a, .actionbox .sb-dropdown a:link, .actionbox .sb-dropdown a:active, .actionbox .sb-dropdown a:visited {
	display : block;
	background : none;
	padding : 5px 10px;
	overflow : hidden;
	font-family : Arial;
	cursor : pointer;
	color: #1c1c1c;
	font-size : 11px;
	line-height : 14px;
	text-decoration: none;
	width : 100%;
	height : 13px;
}

.actionbox .sb-dropdown a:hover,.actionbox .sb-dropdown .selected {
  background-color : #f7f7f7;
}


/*分页*/
.box .content .pagination {
	float : right;
	text-align : right;
}

.box .content .pagination a {
	float : left;
	background: url(../images/pagination.gif);
	background-repeat : no-repeat;
	font-size : 11px;
	font-weight : bold;
	line-height : 1.83em;
	text-align : center;
	margin : 0 0 0 3px;
	padding : 0;
	color : #656565;
	text-decoration : none;
	width : 23px;
	height : 20px;
}

.box .content .pagination a.left {
	background-image : url(../images/pagination-left.gif);
	width : 18px;
}

.box .content .pagination a.right {
	background: url(../images/pagination-right.gif);
	width : 18px;
}


.box .content .pagination a.right:hover{
	background-position : right top;
}
.box .content .pagination a.left:hover{
	background-position : right top;
}

/*表单*/
.box .forms {
	padding : 10px 20px 20px;
}

.forms form {
	margin : 10px 0 0;
	padding : 0;
}

.row{
	display : inline-block;
	border-top : 1px solid #dbdbdb;
	padding : 10px 0;
	width : 100%;
}

.row label{
	display : block;
	padding : 0 0 8px;
	line-height : 9px;
	color : #1c1c1c;
	font-weight : bold;
}

.row span {
	float : left;
	display : block;
	margin : 0 20px 0 4px;
	line-height : 20px;
}

.row span.date {
	margin : 4px 4px 0 0;
}

.row input {
	float : left;
	background-image : url(../images/input-back.gif);
	background-repeat : repeat-x;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	outline: none;
	padding : 3px 5px 3px;
	margin : 0;
	color : #1c1c1c;
	line-height : 1.4em;
	width : 886px;
	height : 18px;
}
.row input.small,.row textarea.small {
	width : 156px;
}

.row input.medium,.row textarea.medium {
	width : 406px;
}

.row input.big,.row textarea.big {
	width : 646px;
}

.row input.checkbox,.row input.radio {
	border : 0;
	padding : 0;
	margin : 3px 0 0;
	*margin :  6px 0 0;
	outline: invert none medium;
	width : 13px;
	height : 13px;
}

.row input.checkbox:focus,.row input.radio:focus{
	outline: #cdcdcd solid 1px;
}

.row textarea {
	float : left;
	background-image : url(../images/input-back.gif);
	background-repeat : repeat-x;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	resize : none;
	overflow : auto;
	outline: none;
	padding : 5px;
	margin : 0;
	font-size : 12px;
	font-family : Arial;
	color : #1c1c1c;
	line-height : 12px;
	width : 886px;
	height : 80px;
}

.box .row input.file {
	margin : 0 4px 0 0;
	z-index : 99;
}

.box .row div.btn-upload {
	background-image: url("../images/grey/upload.gif");
    border: 1px solid #566F29;
	background-position : right top;
	background-repeat : no-repeat;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
}

.box .row div.btn-upload:hover {
	background-position : right bottom;
	border : 1px solid #2b2b2b;
}

/* //////////////////// SELECT \\\\\\\\\\\\\\\\\\\\ */

.row .sb-custom {
	float : left;
	position: relative;
	margin : 0 4px 0 0;
	height : 26px;
}
.row select {
	display : none;
}
.row select .no-js{
	display : none;
}

.row input.sb-select {
	position : absolute;
	background-image : url(../images/select-back.gif);
	background-position : right top;
	background-repeat : no-repeat;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	padding : 3px 30px 3px 5px;
	line-height : 18px;
	cursor : pointer;
	color : #1c1c1c;
	text-decoration : none;
	width : 200px;
	height : 18px;
}

.row .sb-overlay {
	position : relative;
	z-index : 999;
}

.row ul.sb-dropdown {
	position : absolute;
	display : none;
	background-color : #FFFFFF;
	border : 1px solid #cdcdcd;
	top : 25px;
	left : 5px;
	list-style-type : none;
	overflow : hidden;
	z-index : 1400;
	margin : 0;
	padding : 0;
	width : 225px;
}

.row ul.sb-dropdown li {
	position : relative;
	background : none;
	background-color : #FFFFFF;
	padding : 0;
	margin : 0;
}

.row ul.sb-dropdown a, ul.row .sb-dropdown a:link, ul.row .sb-dropdown a:active, ul.row .sb-dropdown a:visited {
	display : block;
	background : none;
	padding : 5px 10px;
	overflow : hidden;
	font-family : Arial;
	cursor : pointer;
	color: #1c1c1c;
	font-size : 12px;
	line-height : 22px;
	text-decoration: none;
	width : 205px;
	height : 21px;
}

.row ul.sb-dropdown a:hover,
.row ul.sb-dropdown .selected {
  background-color : #f7f7f7;
}

/* //////////////////// DATE PICKER \\\\\\\\\\\\\\\\\\\\ */
.row input.datepicker {
	background-image : url(../images/date-picker.gif);
	background-position : right top;
	background-repeat : no-repeat;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	margin : 0 20px 0 0;
	cursor : pointer;
	width : 92px;
}

/*提示信息*/
.box .content.messages {
	padding : 10px 20px 20px;
	*padding: 20px 20px 20px;
}

.box .messages{
	*zoom : 1;
}

.box .content .message {
	position : relative;
	display : inline-block;
	background-position : 8px 10px;
	background-repeat : no-repeat;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	margin : 10px 0 0;
	padding : 0 0 0 25px;
	line-height : 2.3em;
	font-weight : bold;
	clear : both;
}

.box .content .message img {
	position : absolute;
	top : 7px;
	right : 7px;
	cursor : pointer;
}

.box .content .red {
	display : block;
	background-image : url(../images/icon-reddot.gif);
	background-color : #fbf0f0;
	border : 1px solid #b80000;
	color : #b80000;
}

.box .content .green {
	display : block;
	background-image : url(../images/icon-greendot.gif);
	background-color : #f6faf0;
	border : 1px solid #6aa500;
	color : #6aa500;
}

.box .content .blue {
	display : block;
	background-image : url(../images/icon-bluedot.gif);
	background-color : #f1f6fc;
	border : 1px solid #136bc5;
	color : #136bc5;
}

.box .content .orange {
	display : block;
	background-image : url(../images/icon-orangedot.gif);
	background-color : #fef9f1;
	border : 1px solid #ed9d12;
	color : #ed9d12;
}

/*页脚*/
.footer {
	float : left;
	padding : 13px 0 15px;
	font-size : 11px;
	color : #888888;
	width : 980px;
}

.footer .split {
	float : left;
	width : 50%;
}

.footer a , .footer a:link, .footer a:active, .footer a:visited {
	color : #888888;
	text-decoration : underline;
}

.footer a:hover {
	color : #1c1c1c;
	text-decoration : none;
}

.footer .right {
	text-align : right;
}

/*弹出窗口*/
.pop-up-window {
	position:absolute;
	top:580px;
	right:25px;
	width:300px;
	z-index:9999;
}

.pop-up-window .title{
	background:none;
	padding-left: 12px;
}

.pop-up-window .title .close{
	position:absolute;
	right:8px;
	top:8px;
	height:13px;
	width:13px;
	display:block;
	background:url(../images/icon-close.gif) 0px 0px no-repeat transparent;
}

.pop-up-window .content .btn {
	text-align:center;
	overflow:hidden;
	zoom:1;
	margin-top:8px;
}

.pop-up-window .content .btn .button-normal {
	float:none;
	width:62px;
	display:inline-block;
}

.pop-up-window .content .btn .button-normal span {
	float:none;
}
